<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"/>
	<title>序列号查询</title>
	<style type="text/css">
		html{
			height: 100%;
			width:100%;
		}
		body{
			height: 100%;
			width: 100%;
			background-image:url(../static/images/min_icons_thumb1-320x240.jpg);
			background-size:cover;
			position:absolute;
			z-index:1
		}
		.snbox{
			width: 500px;
			border:2px solid white;;
    		border-radius: 25px;
    		padding: 25px;
    		margin: auto;
    		left: 50%;
    		right: 50%;
    		top: 50%;
    		box-shadow: 10px 10px 5px #888888;
		}
		input {
			display: inline-block;
			height: 35px;
			border-radius: 4px;
		}
        .button {
	    	background-color: white;
	    	border: none;
	    	color: black;
	    	padding: 15px 32px;
	    	text-align: center;
	    	text-decoration: none;
	    	display: inline-block;
	    	font-size: 8px;
	    	width: 120px;
	    	font-family:'Alegreya SC';
	    	margin: 4px 2px;
	    	cursor: pointer;
	    	border-radius: 4px;
	    	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	    }
	    .button span {
			  cursor: pointer;
			  display: inline-block;
			  position: relative;
			  transition: 0.5s;
		}

		.button span:after {
			  content: '>>';
			  font-size: 10px;
			  position: absolute;
			  opacity: 0;
			  top: 0;
			  right: -20px;
			  transition: 0.5s;
		}

		.button:hover span {
		  	padding-right: 25px;
		}

		.button:hover span:after {
		  opacity: 1;
		  right: 0;
		}
		.button:active {
  			background-color: #3e8e41;
  			box-shadow: 0 5px #666;
  			transform: translateY(4px);
		}
	</style>
</head>
<body>
	<div class="snbox">
		<form action="/searchSN/gosearch" style="font-family: 'Alegreya SC';color:white;" method="get">
			输入企业id：<input type="text" name="sn-input"><button type="submit" class="button"><span>查询</span></button>
		</form>
		<div id="SNcontent" style="background-color:0;height:92%;width:90%;float:left;color:black">
					{% for data in datas %}
					<a>{{ data.BasicServiceForSn }}</a>
					<a>{{ data.FarwordDeviceForSn }}</a>
					<a>{{ data.SundrayDeviceForSN }}</a>
					<a>{{ data.ThirdDeviceForSN }}</a>
					<a>{{ data.TypeOfThirdDeviceForSN }}</a>
					<a>{{ data.CameraFuncForSN }}</a>
					<a>{{ data.DataTransmissionFuncForSN }}</a>
					{% endfor %}
		</div>
	</div>
</body>
</html>